<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>我的个人信息</title>
    <link href="/css/profile.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <div>
            <a href="/" class="back-link">返回</a>
        </div>
        <div class="profile">
            <span>
                <img th:src="${userInformation.avatar}" alt="profile-image" class="profile-image">
            </span>
            <span class="profile-info">
                <!-- 这里的span需要与前一个span横向排列 -->
                <p>姓名：<span th:text="${userInformation.name}"></span></p>
                <p>学校：<span th:text="${userInformation.school}"></span></p>
                <p>专业：<span th:text="${userInformation.major}"></span></p>
                <p>邮箱：<span th:text="${userInformation.email}"></span></p>
                <p>电话：<span th:text="${userInformation.phone}"></span></p>
                <p>绩点：<span th:text="${userInformation.gpa}"></span></p>
                <!-- 一个修改个人信息的按钮 -->
                <a href="/updateProfile.do" class="back-link">修改个人信息</a>
            </span>
        </div>
    </div>
</body>
</html>
